<template>
  <div style="height: 100%; display: flex; flex-direction: column;">
    <TableHeaderWidget :header="'设置列表'"/>
    <SettingList ref="refSetting" style="flex: 1;" :load-setting="loadSetting" :ref-table="'stRefTable'"/>
  </div>
</template>

<script setup lang="ts" name="realmSetting">
import {onMounted, ref} from "vue";
import TableHeaderWidget from "@/widget/TableHeaderWidget.vue";
import {loadRealmSetting} from "@/apis";
import SettingList from "@/widget/list/SettingList.vue";

const refSetting = ref();

const loadSetting = async (params: any) => {
  const result = await loadRealmSetting(params);
  return result;
}

onMounted(() => {
  refSetting.value?.refresh();
})

</script>

<style scoped>
.el-form-item-class .el-form-item__label {
  font-size: 12px;
}

.group-tab-pane {
  height: 100%;
}

.group-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

</style>
